$(function(){
    // fullpage初始化
    $('#pages').fullpage({
        menu: '#menu',
        anchors: ['anchor1', 'anchor2', 'anchor3','anchor4', 'anchor5', 'anchor6','anchor7'],
        css3: true,
        afterLoad:function(anchorLink,index ){
            console.log(index)
            if(index==1){
                $('#page1').find('.myAnimate1').addClass('animated bounceInLeft')
               $('#page1').find('h3').addClass('animated bounceIn')
            }
            if(index==2){
                $('#page2').find('.myAnimate1').addClass('animated bounceInLeft')
               $('#page2').find('h3').addClass('animated bounceIn')
            }
            if(index==3){
               $('#page3').find('.myAnimate1').addClass('animated bounceInLeft')
               $('#page3').find('h3').addClass('animated bounceIn')
            }
            if(index==4){
                $('#page4').find('.myAnimate1').addClass('animated bounceInLeft')
                $('#page4').find('h3').addClass('animated bounceIn')
                $('#page4').find('.change-item-box>.change-item').eq(0).delay(100).animate({top:'260px',left:'0'},800)
                $('#page4').find('.change-item-box>.change-item').eq(1).delay(300).animate({left:'153px',top:'80px'},800)
                $('#page4').find('.change-item-box>.change-item').eq(2).delay(500).animate({left:'365px',top:'2px'},800)
                $('#page4').find('.change-item-box>.change-item').eq(3).delay(700).animate({left:'580px',top:'2px'},800)
                $('#page4').find('.change-item-box>.change-item').eq(4).delay(900).animate({left:'800px',top:'80px'},800)
                $('#page4').find('.change-item-box>.change-item').eq(5).delay(1100).animate({left:'946px',top:'260px'},800)
                $('#page4').find('.item-img-box>.item-img').delay(1400).animate({bottom:'0'},800)
            }
            if(index==5){
                $('#page5').find('.myAnimate1').addClass('animated bounceInLeft')
               $('#page5').find('h3').addClass('animated bounceIn')
               $('#page5').find('.change-item-box>.change-item').eq(0).delay(100).animate({top:'260px',left:'0'},800)
               $('#page5').find('.change-item-box>.change-item').eq(1).delay(300).animate({left:'153px',top:'80px'},800)
               $('#page5').find('.change-item-box>.change-item').eq(2).delay(500).animate({left:'365px',top:'2px'},800)
               $('#page5').find('.change-item-box>.change-item').eq(3).delay(700).animate({left:'580px',top:'2px'},800)
               $('#page5').find('.change-item-box>.change-item').eq(4).delay(900).animate({left:'800px',top:'80px'},800)
               $('#page5').find('.change-item-box>.change-item').eq(5).delay(1100).animate({left:'946px',top:'260px'},800)
               $('#page5').find('.item-img-box>.item-img').delay(1400).animate({bottom:'0'},800)
            }
            if(index==6){
                $('#page6').find('.myAnimate1').addClass('animated bounceInLeft')
               $('#page6').find('h3').addClass('animated bounceIn')
              
               $('#page6').find('.change-item-box>.change-item').eq(0).delay(300).animate({left:'153px',top:'80px'},800)
               $('#page6').find('.change-item-box>.change-item').eq(1).delay(500).animate({left:'365px',top:'2px'},800)
               $('#page6').find('.change-item-box>.change-item').eq(2).delay(700).animate({left:'580px',top:'2px'},800)
               $('#page6').find('.change-item-box>.change-item').eq(3).delay(900).animate({left:'800px',top:'80px'},800)
               $('#page6').find('.item-img-box>.item-img').delay(1100).animate({bottom:'0'},800)
              
            }
            if(index==7){
                $('#page7').find('.myAnimate1').addClass('animated bounceInLeft')
               $('#page7').find('h3').addClass('animated bounceIn')
            }
        }
    });
    
    // 旋转木马 初始化
    Caroursel.init($('.caroursel1'))
    Caroursel.init($('.caroursel2'))
    //    头部点击事件
    $('.header #menu>a').click(function(){
        $(this).addClass('active').siblings('a').removeClass('active')
    })
       // 第四屏 点击切换图片
       $('.change-item-box .change-item').click(function(){
        $(this).addClass('active').siblings('.change-item').removeClass('active')
        let index=$(this).index()
        
        $(this).parent('.change-item-box').siblings('.item-img-box').find('.item-img').eq(index).removeClass('hd')
        $(this).parent('.change-item-box').siblings('.item-img-box').find('.item-img').eq(index).siblings('.item-img').addClass('hd')
    })
})